<link href="<?=site_url()?>css/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?=site_url()?>css/jquery.autocomplete.css" />
<script type="text/javascript" src="<?=base_url()?>js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>js/jquery.ui.datepicker-th.js"></script>
<script type='text/javascript' src='<?=base_url()?>js/jquery.bgiframe.min.js'></script>
<script type='text/javascript' src='<?=base_url()?>js/jquery.ajaxQueue.js'></script>
<script type='text/javascript' src='<?=base_url()?>js/jquery.autocomplete.js'></script>
<script type='text/javascript' src='<?=base_url()?>js/localdata.js'></script>
<style type="text/css">
.ui-datepicker {
	width: 13em;
}
.ui-widget {
	font-size: 1em;
}
</style>
<script language="javascript">
	$().ready(function() {
		$("#txtDatePicker").datepicker({
			showOn: 'button',
			buttonImage: '<?=site_url()?>images/calbtn.gif',
			buttonImageOnly: true,
			changeMonth: true,
			changeYear: true,
			yearRange: 'c-30:c+5'
		});	

		function formatItem(row) {
			return row[0] + " (<strong>id: " + row[1] + "</strong>)";
		}
		
		function formatResult(row) {
			return row[0].replace(/(<.+?>)/gi, '');
		}

		$("#subject").autocomplete(subjects, {
			minChars: 0,
			max: 20,
			autoFill: false,
			mustMatch: false,
			matchContains: false,
			scrollHeight: 200,
			formatItem: function(data, i, total) {
				return data[0];
			}
		});		
	});
	
	function trim(stringToTrim) {
		return stringToTrim.replace(/^\s+|\s+$/g,"");
	}
	function validateForm() {
		if(document.getElementById('selSchool').value == "---โปรดเลือก---") {
			alert("Please select school.");
			return false;
		} 
		return true;
	}
</script>
<div id="mainContent">
<?=form_open_multipart('TutorInfo/saveHistory', array('onsubmit' => 'return validateForm();'));?>
<input type="hidden" name="tutorId" id="tutorId"  <?php if(isset($tutor_id)) echo ' value="'.$tutor_id.'"';?>/>
<table width="1000px" border="0" cellspacing="0" cellpadding="0" align="center" >

	<tr align="center">
    	<td><?php
    			if(isset($tutor_id)) {
    				echo ' <h2><b><font color="blue">'. $first_name_th .' ' . $last_name_th .'</font></h2> ';
					echo ' [<a href="'.base_url().'index.php/TutorInfo/detail/'.$tutor_id.'" >ประวัติส่วนตัว</a>] | 
						   [<a href="'.base_url().'index.php/TutorInfo/detailContractInfo/'.$tutor_id.'" >ข้อมูลการติดต่อ</a>]| 
						   [<a href="'.base_url().'index.php/TutorInfo/detailExp/'.$tutor_id.'" >ประวัติการทำงาน</a>]   | 
						   [<a href="'.base_url().'index.php/TutorInfo/detailTutorlandExp/'.$tutor_id.'" >ประวัติการสอนกับสถาบัน</a>] ';    				
    			} else {
    				echo " [ประวัติส่วนตัว] | [ข้อมูลการติดต่อ] | [ประวัติการทำงาน] | [ประวัติการสอนกับสถาบัน]";
    			}
    		?>	
    	</td>
    </tr>
    
	<tr style="height:10px;">
    	<td></td>
    </tr>
	<tr>
		<td align="center">          
          <div align="left"></div>
          		<?php $nRow = 1; ?>
                <table width="980px" border="0" cellspacing="2px" cellpadding="0">                 
                  <tr>                    
                    <td align="left"><table width="100%" border="0" cellspacing="2px" cellpadding="0">
                      
                      <tr bgcolor="#000099">
                        <td>&nbsp;</td>
                        <td><div align="center" style="color:#FFFFFF; font-weight:bold;">โรงเรียน<br />ที่นักเรียนสังกัด</div></td>
                        <td><div align="center" style="color:#FFFFFF; font-weight:bold;">รายละเอียด</div></td>
                        <td><div align="center" style="color:#FFFFFF; font-weight:bold;">ระดับชั้นที่เรียน</div></td>
                        <td><div align="center" style="color:#FFFFFF; font-weight:bold;">ผู้ลงหมายเหตุ/<br />วันที่</div></td>
                      </tr>
                      <?php
							foreach ($historyList as $row) {
								echo "<tr><td>" . $nRow++ . ". </td>" ;
								echo "<td>" . $row->school_name . " </td>" ;								
								echo "<td>" . $row->note . " </td>" ;
								echo "<td>" . $row->class . " </td>" ;
								echo "<td>" . $row->update_by . " " .  strftime("%d/%m/%Y",strtotime($row->update_date)) . " </td>" ;
								echo"</tr>";
							}
                      ?>
                      <tr>
                        <td><?=$nRow++.'. ';?></td>
                        <td>
                          <div align="center">
                          <select name="selSchool" id="selSchool">
                            <option value="---โปรดเลือก---">---โปรดเลือก---</option>
                         <?php
							foreach ($schoolList as $row) {
								echo '<option value="'. $row->school_id .'">'. $row->school_name .'</option>';
							}
                         ?>
                            </select>
                          </div></td>
                        <td align="center"><input type="text" name="txtNote" id="txtNote" maxlength="200" style="width:400px;" /></td>
                        <td><select name="txtLevel" id="txtLevel" >
                          <option value="---โปรดเลือก---">---โปรดเลือก---</option>
                          <option value="ต่ำกว่า อ. 1">ต่ำกว่า อ. 1</option>
                          <option value="อ. 1">อ. 1</option>
                          <option value="อ. 2">อ. 2</option>
                          <option value="อ. 3">อ. 3</option>
                          <option value="ป. 1">ป. 1</option>
                          <option value="ป. 2">ป. 2</option>
                          <option value="ป. 3">ป. 3</option>
                          <option value="ป. 4">ป. 4</option>
                          <option value="ป. 5">ป. 5</option>
                          <option value="ป. 6">ป. 6</option>
                          <option value="ม. 1">ม. 1</option>
                          <option value="ม. 2">ม. 2</option>
                          <option value="ม. 3">ม. 3</option>
                          <option value="ม. 4">ม. 4</option>
                          <option value="ม. 5">ม. 5</option>
                          <option value="ม. 6">ม. 6</option>
                          <option value="ปี 1">ปี 1</option>
                          <option value="ปี 2">ปี 2</option>
                          <option value="ปี 3">ปี 3</option>
                          <option value="ปี 4">ปี 4</option>
                          <option value="สูงกว่า ป. ตรี">สูงกว่า ป. ตรี</option>
                                                </select></td>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr style="height: 10px;">
                    <td align="right"></td>
                    <td align="left"></td>
                  </tr>
              </table>
          
		</td>
	</tr>
         
    <tr style="height:10px;">
    	<td></td>
    </tr>
    <tr >
    	<td><div align="center">
    	  <input name="Submit" type="submit" value="บันทึกข้อมูล" />
  	  </div></td>
    </tr>
    <tr style="height:10px;">
    	<td></td>
    </tr>
</table>
<?=form_close();?>
</div>